<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>task1</title>
</head>
<body>
<header>
	<h1>网站一级标题</h1>
	<nav>
		<ul>
			<li><a href="#">导航链接一</a></li>
			<li><a href="#">导航链接二</a></li>
			<li><a href="#">导航链接三</a></li>
			<li><a href="#">导航链接四</a></li>
			<li><a href="#">导航链接五</a></li>
		</ul>
	</nav>
</header>
<main>
	<article>
		<h2>文章一级标题</h2>
		<h3>文章二级标题</h3>
		<span>文章作者</span>
		<span>文章发表时间</span>
		<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了<br>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了<br>这是一个很长的段落，这是一个很长的段落，<a href="http://ife.baidu.com">这里有个链接连接到http://ife.biadu.com</a>这是一个很长的段落，这是一个很长的段落，<b>这里有个粗体字</b>，这是一个很长的段落，这是一个很长的段落，</p>
		<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
	</article>
	<article>
		<h2>另一篇文章的一级标题</h2>
		<h3>文章二级标题</h3>
		<span>文章作者</span>
		<span>文章发表时间</span>
		<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了<br>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，<b>这里有个粗体字</b>这是一个很长的段落，这是一个很长的段落，<a href="http://ife.baidu.com" target="_blank">这里有个链接链接到http://ife.baidu.com</a>，这是一个很长的段落,这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落这是一个很长的段落</p>
		<ul>
			<li>列表项目一</li>
			<li>列表项目二</li>
			<li>列表项目三</li>
		</ul>
		<h3>图片</h3>
		<ul type="none">
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
			<li>
				<p>好的图片</p>
				<img src="http://www.qulishi.com/uploads/news/201602/1456452360586633.png" alt="太阳的后裔-宋仲基">
			</li>
		</ul>
	</article>
	
	<article>
		<h2>最后一篇文章一级标题</h2>
		<h3>文章二级标题</h3>
		<span>文章作者</span>
		<span>文章发表时间</span>
		<ol>
			<li>排名1</li>
			<li>排名2</li>
			<li>排名3</li>
		</ol>
		<p>下面是一个表格，给表格加一个border="1"好让你看出来是一个表格</p>
		<table border="1">
			<thead>
				<tr>
					<th>表头</th>
					<th>表头</th>
					<th>表头</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>表内容</td>
					<td>表内容</td>
					<td><a href="#">操作</a></td>
				</tr>
				<tr>
					<td>表内容</td>
					<td>表内容</td>
					<td><a href="#">操作</a></td>
				</tr>
				<tr>
					<td>表内容</td>
					<td>表内容</td>
					<td><a href="#">操作</a></td>
				</tr>
				<tr>
					<td>表内容</td>
					<td>表内容</td>
					<td><a href="#">操作</a></td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td>表内容</td>
					<td colspan="2">100</td>
				</tr>
			</tfoot>
		</table>
	</article>
	<aside>
		<h2>这里以后是一个侧栏，这是侧栏的标题</h2>
		<h3>侧栏的注册标题</h3>
		<form action="#">
			<div>
				<label for="email">请输入邮箱地址：</label><input id="email" name="email" type="text" placeholder="这是一个文本输入框">
				<p>邮箱地址请按照要求格式输入</p>
			</div>
			<div>
				<label for="password">请输入密码:</label><input id="password" name="password" type="password" placeholder="这是一个文本输入框">
				<label for="repassword">请输入密码:</label><input id="repassword" name="repassword" type="password" placeholder="这是一个文本输入框">
				<p>密码为6-16位英文数字</p>
			</div>
			<div>
				<label for="gender">性别:</label>
				<input type="radio" name="gender" checked value="man">男
				<input type="radio" name="gender" value="woman">女
			</div>
			<div>
				<label for="city">城市:</label>
				<select name="city" id="city">
					<option value="beijing">北京</option>
					<option value="shanghai">上海</option>
					<option value="guangzhou">广州</option>
				</select>
			</div>
			<div>
				<label for="habit">爱好:</label>
				<input type="checkbox" name="habit" value="sports">运动
				<input type="checkbox" name="habit" value="art">艺术
				<input type="checkbox" name="habit" value="science">科学
			</div>
			<div>
				<label for="describe">个人描述:</label>
				<textarea name="describe" id="describe" cols="30" rows="5" placeholder="输入你的个人描述"></textarea>
			</div>
			<div>
				<input type="submit" name="submit" value="提交">
			</div>
		</form>
	</aside>
</main>
<footer>
	版权所有&copy;
</footer>
</body>
</html>